@charset "utf-8";
/*===================== 重置样式 START =====================*/
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
em,i{font-style: normal;font-weight: normal;}
li{list-style: none;}
a{ text-decoration: none;background: transparent;outline: none;height:100%;}
a:hover{-webkit-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
img{ border: 0;vertical-align: middle;max-width:100%;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000; }
html::-webkit-scrollbar{width:8px;height:8px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:0px;width:8px;height:8px;background-color:#224ea0;}
textarea{ resize:none; overflow: auto;}
input{ padding-top: 0; padding-bottom: 0;};
select,input{ vertical-align:middle; }
select,input,textarea{ font-size:14px; margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after { clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;height: 100%; }
body{font-family: "Microsoft Yahei";font-size:16px;color:#000;min-height:100%;background-color: #fff;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.inner{width:1180px;margin:0 auto;}

.header_top{height:34px;line-height:34px;background-color:#dddddd;font-size:14px;color:#333;}
.header_top a{color:#333;margin-left:10px;display: inline-block;}
.header{height:146px;background-color: #fff;}
.header .logo{margin-top:9px;}
.header .call{width:275px;height:114px;background:url(img/dh.png) center center;margin-top:10px;}
/* .header .call{overflow: hidden;padding-left:50px;margin-top:18px;background:url(img/call.png) center left no-repeat;}
.header .call p{color:#1a1a1a;font-size:16px;padding:10px 0 0 0;}
.header .call h3{font-weight:bold;font-size:36px;color:#fff;font-family: impact;color:#224ea0;line-height:36px;} */
.header_nav{height:56px;line-height:56px;background-color:#224ea0;position: relative;}
.header_nav ul li{float: left;text-align: center;width:130px;position: relative;}
.header_nav ul li a{display: block;color:#fff;position: relative;}
.header_nav ul li a::before{content:'';display: block;height:16px;width:1px;background-color: #b0b0b0;position: absolute;top:20px;right:0;}
.header_nav ul li:nth-of-type(9) a:before{display: none;}
.header_nav ul li .son_nav{display: none;position: absolute;left:0;top:56px;width:100%;background-color: #ccc;z-index:999;}
.header_nav ul li .son_nav a{height:40px;line-height:40px;color:#000;}
.header_nav ul li .son_nav a:hover{background-color: #224ea0;color:#fff;}
.header_nav ul li .son_nav a::before{display: none;}
.header_nav ul li:hover .son_nav{display: block;}
.header_nav .product_son{display: none;position: absolute;left:0;top:56px;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header_nav .product_son .item{width:262px;margin:0 15px 0 15px;text-align: center;float: left;}
.header_nav .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;}
.header_nav .product_son .item a::before{content:'';display: none !important;}
.header_nav.bg{position: fixed;top: 0;width: 100%;z-index: 99999;}
.swiper-pagination-bullet-active{background-color:#fff !important;}

.pub_title{text-align: center;}
.pub_title h3{font-size:36px;font-weight:bold;color: #fff;}
.pub_title img{margin:15px 0;}
.pub_title p{font-size:14px;color:#fff;}

.footer{overflow: hidden;background-color: #224ea0;padding:44px 0 30px 0;}
.footer h3{font-weight:bold;font-size:20px;color:#fff;height:40px;line-height:40px;}
.footer ul{margin-top:8px;}
.footer ul li{height:32px;line-height:32px;}
.footer ul li a{display: block;color:#fff;font-size:16px;}
.footer .infomation, .footer .infomation p{color:#fff;line-height:32px;color:#fff;margin-top:8px;}
.footer .four h3{color:#f70032;}
.footer .four p{font-size:16px;color:#fff;margin-top:8px;}
.footer .four h4{font-weight:bold;font-size:36px;font-family: impact;color:#fff;margin:8px 0;}
.footer .four h4 i{display: inline-block;vertical-align: middle;width:33px;height:32px;margin-right:6px;background:url(img/footer_call.png) center center no-repeat;}
.footer .four .item{text-align: center;}
.footer .one, .footer .two{width:200px;}
.footer .three{width:400px;margin-left:50px;}
.copyright{background-color: #001126;padding:14px 0;font-size:14px;color:#fff;text-align: center;}
.copyright img, .copyright a{display: inline-block;margin:0 6px;color:#fff;margin:0 10px;}
/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/
.section_one{padding-top:25px;}
.section_one .title{height:61px;line-height:61px;border-bottom:1px solid #dcdfdf;background:url(img/title_bg.jpg) center center no-repeat;}
.section_one .title h3{font-weight:bold;color:#224ea0;font-size:30px;border-left:5px solid #666666;padding-left:16px;}
.section_one .title a{width:130px;height:34px;margin-top:14px;border:1px solid #fff;line-height:34px;text-align: center;color:#fff;font-size:16px;border-radius:25px;background-color: #224ea0;}
.section_one .title a:hover{background-color: #fff;border:1px solid #224ea0;color:#224ea0;}
.section_one .nav_list a{float: left;margin:20px 15px 0 0;width:222px;height:40px;border:1px solid #c2c2c2;line-height:40px;text-align: center;font-size:16px;color:#000;}
.section_one .nav_list a:hover{background-color: #224ea0;color:#fff;}
#demo1, #demo2{height:654px;width:100%;margin:34px auto 0;overflow: hidden;}
.section_one .list{display:block;width:100%; overflow:hidden;}
.section_one .list li{float: left;width:268px;height:307px;border:1px solid #fff;padding:11px 11px 0 11px;text-align: center;margin-right:4px;margin-bottom:12px;background-color:#e4e4e6;}
.section_one .list li img{display: inline-block;width:269px;height:252px;}
.section_one .list li p{line-height: 34px;margin-top:14px;font-size:16px;color:#000;}
.section_one .list li:hover{border-color:#2651a2;}

.section_two{height:660px;background-color:#edf1f5;margin-top:25px;padding-top:60px;position: relative;}
.section_two .title{width:388px;height:60px;font-size:44px;color:#000;text-align: center;background:url(img/about_bg.png) center center no-repeat;margin:0 auto;}
.section_two .title strong{font-weight:bold;color:#224ea0;}
.section_two .video_box{width:780px;height:435px;background-color:#224ea0;position: absolute;top:226px;left:0;}
.section_two .video_box .video{width:600px;height:399px;position: absolute;top:-40px;right:-62px;}
.section_two .word{font-size:16px;line-height:38px;color:#000;float: right;width:650px;margin-top:65px;}
.section_two .word p{text-indent:2em;}
.section_two ul{padding-top:80px;}
.section_two ul li{float: left;width:112px;text-align: center;margin-right:60px;-webkit-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.section_two ul li .radius{width:108px;height:108px;border-radius:50%;border:1px solid #f70032;}
.section_two ul li .radius img{display: inline-block;margin-top:10px;}
.section_two ul li h3{font-size:16px;}
.section_two ul li:hover{margin-top:-20px;}

.section_three{padding:25px 0;}
.section_three .img{width:690px;height:340px;}
.section_three .info{width:470px;padding-top:65px;}
.section_three .info h6{font-size:26px;color:#000;height:72px;line-height:72px;}
.section_three .info h6 i{display: inline-block;vertical-align: middle;width:70px;height:3px;margin-right:6px;background-color: #000;}
.section_three .info h5{margin-left:70px;font-weight:bold;font-size:22px;color:#fff;text-align: center;width:298px;height:41px;line-height:41px;background:url(img/case_bg.png) center center no-repeat;}
.section_three .info p{margin-left:70px;height:54px;line-height:54px;font-size:26px;color:#000;}
.section_three .info a{margin-left:70px;display: block;height:24px;color:#5d5d5d;margin-top:20px;font-size:20px;line-height:24px;padding-left:30px;background:url(img/case_arrow.png) left center no-repeat;}
#div2{height:220px;position: relative;overflow: hidden;width:100%;margin:25px auto 0;}
#div2 ul{position: relative;}
#div2 ul li{float: left;padding:4px;width:225px;height:210px;border:1px solid #c3c3c3;border-right:none;overflow: hidden;}
#div2 ul li img{width:225px;height:173px;}
#div2 ul li p{height:32px;line-height:32px;text-align: center;color:#000;font-size:16px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.section_four{height:232px;background:url(img/bg1.jpg) center center no-repeat;}
.section_four .fr{width:612px;padding-top:48px;}
.section_four .sf_call{overflow: hidden;padding-left:50px;margin-top:30px;height:80px;background:url(img/bb.png) center left no-repeat;}
.section_four .sf_call p{color:#fff;font-size:16px;padding:10px 0 0 0;}
.section_four .sf_call h3{font-weight:bold;font-size:36px;color:#fff;font-family: impact;color:#fff;}
.section_four .more{width:174px;height:38px;line-height:38px;margin-top:56px;border:1px solid #fff;padding:0;font-size:18px;font-weight:bold;color:#ffa200;text-align: center;}
.section_four .more:hover{background-color: #ffa200;color:#fff;}

.section_five{padding:25px 0;}
.section_five .news_title{position: relative;z-index:999;left:0;top:0;padding-top:20px;margin-right:280px;}
.section_five .news_title p{font-size:26px;color:#333;position: relative;z-index:999;left:0;top:0;}
.section_five .news_title h3{font-size:52px;color:#333;position: relative;z-index:999;left:0;top:0;}
.section_five .news_title span{font-size:30px;color:#224ea0;vertical-align: middle;}
.section_five .news_title .box{width:333px;height:123px;border:9px solid #f5f5f5;position: absolute;left:64px;top:0;z-index:88;}
.section_five .news_nav a{width:144px;height:44px;margin-right: 10px;line-height:44px;text-align: center;color:#fff;font-size:16px;display: inline-block;background-color: #f70032;}
.section_five .news_nav a:hover, .section_five .news_nav a.active{background-color: #224ea0;}
.section_five .tabbox, .section_five .title{width:1376px;margin:0 auto;}
.section_five .tabbox .content{width:560px;overflow: hidden;position: relative;height:377px;margin-top:94px;}
.section_five .tabbox .content ul {position: absolute;left: 0;top: 0;height: 100%;}
.section_five .tabbox .content li{width:560px;height:377px;float: left;}
.section_five .tabbox .tab {width:760px;}
.section_five .tabbox .tab .item{width:700px;height:132px;padding:24px 20px 0 40px;border-bottom:1px solid #eeeeee;}
.section_five .tabbox .tab .item a{display: block;}
.section_five .tabbox .tab .item h3{font-size:18px;color:#171717;height:38px;line-height:38px;}
.section_five .tabbox .tab .item h3 em{color:#171717;font-size:14px;}
.section_five .tabbox .tab .item p{font-size:16px;color:#575757;line-height:26px;margin-top:8px;}
.section_five .tabbox .tab .item.on{background-color:#224ea0;}
.section_five .tabbox .tab .item.on h3, .section_five .tabbox .tab .item.on p, .section_five .tabbox .tab .item.on h3 em{color:#fff;}

.section_five .tabbox_two, .section_five .title{width:1376px;margin:0 auto;}
.section_five .tabbox_two .content{width:560px;overflow: hidden;position: relative;height:377px;margin-top:94px;}
.section_five .tabbox_two .content ul {position: absolute;left: 0;top: 0;height: 100%;}
.section_five .tabbox_two .content li{width:560px;height:377px;float: left;}
.section_five .tabbox_two .tab_two {width:760px;}
.section_five .tabbox_two .tab_two .item{width:700px;height:132px;padding:24px 20px 0 40px;border-bottom:1px solid #eeeeee;}
.section_five .tabbox_two .tab_two .item a{display: block;}
.section_five .tabbox_two .tab_two .item h3{font-size:18px;color:#171717;height:38px;line-height:38px;}
.section_five .tabbox_two .tab_two .item h3 em{color:#171717;font-size:14px;}
.section_five .tabbox_two .tab_two .item p{font-size:16px;color:#575757;line-height:26px;margin-top:8px;}
.section_five .tabbox_two .tab_two .item.on{background-color:#224ea0;}
.section_five .tabbox_two .tab_two .item.on h3, .section_five .tabbox_two .tab_two .item.on p, .section_five .tabbox_two .tab_two .item.on h3 em{color:#fff;}
/*===================== 首页 END =====================*/

/*===================== 响应式代码 START =====================*/
@media( max-width:1680px ){
	.section_two .video_box{width:670px;}
}
@media( max-width:1600px ){
	.section_two .video_box{width:570px;}
}
@media( max-width:1460px ){
	.section_two .video_box{width:545px;}
}
@media( max-width:1360px ){
	.section_two .word{width:580px;}
	.section_two ul li{margin-right:40px;}
}
@media( max-width:1377px ){
	.section_five .title, .section_five .tabbox, .section_five .title{width:1180px;}

	.section_five .news_title{margin-right:265px;}
	.section_five .tabbox .tab{width:600px;}
	.section_five .tabbox .tab .item{width:540px;}
}
/*===================== 响应式代码 END =====================*/
#gmap {
	display: block;
	width: 550px;
	height: 444px;
	background: url(img/map1.jpg) no-repeat;
	position: relative;
	margin:0 auto 30px;
	overflow: hidden;
}

#gmap a {
	color: #000;
	font-size: 0;
	font-weight: 700;
	text-transform: uppercase;
}

a#title2,
a#title2:visited {
	display: block;
	width: 550px;
	height: 617px;
	padding-top: 260px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: default;
	text-decoration: none
}

* html a#title2 {
	height: 617px;
	he\ight: 0
}

#gmap a#title2:hover {
	background: transparent url(img/group_col.gif) no-repeat 0 0;
	overflow: visible;
	color: #c00
}

a#xj {
	display: block;
	width: 206px;
	height: 0;
	padding-top: 156px;
	overflow: hidden;
	position: absolute;
	left: 14px;
	top: 63px
}

* html a#xj {
	height: 156px;
	he\ight: 0;
	text-indent: -9000px
}

a#xj:hover {
	background: transparent url(img/xj1.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#xz {
	display: block;
	width: 200px;
	height: 0;
	padding-top: 124px;
	overflow: hidden;
	position: absolute;
	left: 37px;
	top: 207px
}

* html a#xz {
	height: 124px;
	he\ight: 0
}

a#xz:hover {
	background: transparent url(img/xz.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#qh {
	display: block;
	width: 132px;
	height: 0;
	padding-top: 96px;
	overflow: hidden;
	position: absolute;
	left: 147px;
	top: 184px
}

* html a#qh {
	height: 96px;
	he\ight: 0
}

a#qh:hover {
	background: transparent url(img/qh.gif) no-repeat 0 0;
	height: -20px;
	overflow: visible;
	text-indent: -9000px
}

a#gs {
	display: block;
	width: 148px;
	height: 0;
	padding-top: 123px;
	overflow: hidden;
	position: absolute;
	left: 187px;
	top: 149px
}

* html a#gs {
	height: 123px;
	he\ight: 0
}

a#gs:hover {
	background: transparent url(img/gsh.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#lmg {
	display: block;
	width: 226px;
	height: 0;
	padding-top: 196px;
	overflow: hidden;
	position: absolute;
	left: 234px;
	top: 17px
}

* html a#lmg {
	height: 196px;
	he\ight: 0
}

a#lmg:hover {
	background: transparent url(img/lm.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hlj {
	display: block;
	width: 116px;
	height: 0;
	padding-top: 106px;
	overflow: hidden;
	position: absolute;
	left: 420px;
	top: 13px
}

* html a#hlj {
	height: 106px;
	he\ight: 0
}

a#hlj:hover {
	background: transparent url(img/hlj.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#nx {
	display: block;
	width: 34px;
	height: 0;
	padding-top: 47px;
	overflow: hidden;
	position: absolute;
	left: 290px;
	top: 191px
}

* html a#nx {
	height: 47px;
	he\ight: 0
}

a#nx:hover {
	background: transparent url(img/nx.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#jl {
	display: block;
	width: 88px;
	height: 0;
	padding-top: 59px;
	overflow: hidden;
	position: absolute;
	left: 436px;
	top: 96px
}

* html a#jl {
	height: 59px;
	he\ight: 0
}

a#jl:hover {
	background: transparent url(img/jl.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#ln {
	display: block;
	width: 61px;
	height: 0;
	padding-top: 53px;
	overflow: hidden;
	position: absolute;
	left: 423px;
	top: 129px
}

* html a#ln {
	height: 53px;
	he\ight: 0
}

a#ln:hover {
	background: transparent url(img/ll.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#sd {
	display: block;
	width: 69px;
	height: 0;
	padding-top: 45px;
	overflow: hidden;
	position: absolute;
	left: 396px;
	top: 198px
}

* html a#sd {
	height: 45px;
	he\ight: 0
}

a#sd:hover {
	background: transparent url(img/sd.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hb {
	display: block;
	width: 58px;
	height: 0;
	padding-top: 81px;
	overflow: hidden;
	position: absolute;
	left: 377px;
	top: 146px
}

* html a#hb {
	height: 81px;
	he\ight: 0
}

a#hb:hover {
	background: transparent url(img/heb.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#bj {
	display: block;
	width: 17px;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
	position: absolute;
	left: 394px;
	top: 167px
}

* html a#bj {
	height: 18px;
	he\ight: 0
}

a#bj:hover {
	background: transparent url(img/bj.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#tj {
	display: block;
	width: 15px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	position: absolute;
	left: 406px;
	top: 175px
}

* html a#tj {
	height: 20px;
	he\ight: 0
}

a#tj:hover {
	background: transparent url(img/tj.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#shx {
	display: block;
	width: 55px;
	height: 0;
	padding-top: 93px;
	overflow: hidden;
	position: absolute;
	left: 303px;
	top: 188px
}

* html a#shx {
	height: 93px;
	he\ight: 0
}

a#shx:hover {
	background: transparent url(img/shx.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#sx {
	display: block;
	width: 37px;
	height: 0;
	padding-top: 73px;
	overflow: hidden;
	position: absolute;
	left: 350px;
	top: 173px
}

* html a#sx {
	height: 73px;
	he\ight: 0
}

a#sx:hover {
	background: transparent url(img/sx.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hn {
	display: block;
	width: 62px;
	height: 0;
	padding-top: 56px;
	overflow: hidden;
	position: absolute;
	left: 351px;
	top: 224px
}

* html a#hn {
	height: 56px;
	he\ight: 0
}

a#hn:hover {
	background: transparent url(img/hl.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#js {
	display: block;
	width: 56px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	position: absolute;
	left: 409px;
	top: 232px
}

* html a#js {
	height: 50px;
	he\ight: 0
}

a#js:hover {
	background: transparent url(img/js.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#ah {
	display: block;
	width: 52px;
	height: 0;
	padding-top: 63px;
	overflow: hidden;
	position: absolute;
	left: 397px;
	top: 239px
}

* html a#ah {
	height: 63px;
	he\ight: 0
}

a#ah:hover {
	background: transparent url(img/ah.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#sh {
	display: block;
	width: 10px;
	height: 0;
	padding-top: 7px;
	overflow: hidden;
	position: absolute;
	left: 460px;
	top: 273px
}

* html a#sh {
	height: 7px;
	he\ight: 0
}

a#sh:hover {
	background: transparent url(img/sh.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#zj {
	display: block;
	width: 40px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	position: absolute;
	left: 433px;
	top: 275px
}

* html a#zj {
	height: 50px;
	he\ight: 0
}

a#zj:hover {
	background: transparent url(img/zj.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#jx {
	display: block;
	width: 51px;
	height: 0;
	padding-top: 67px;
	overflow: hidden;
	position: absolute;
	left: 388px;
	top: 297px
}

* html a#jx {
	height: 67px;
	he\ight: 0
}

a#jx:hover {
	background: transparent url(img/jx.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hj {
	display: block;
	width: 47px;
	height: 0;
	padding-top: 59px;
	overflow: hidden;
	position: absolute;
	left: 414px;
	top: 313px
}

* html a#hj {
	height: 59px;
	he\ight: 0
}

a#hj:hover {
	background: transparent url(img/hj.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#gd {
	display: block;
	width: 81px;
	height: 0;
	padding-top: 63px;
	overflow: hidden;
	position: absolute;
	left: 350px;
	top: 352px
}

* html a#gd {
	height: 63px;
	he\ight: 0
}

a#gd:hover {
	background: transparent url(img/gd.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hl {
	display: block;
	width: 25px;
	height: 0;
	padding-top: 21px;
	overflow: hidden;
	position: absolute;
	left: 338px;
	top: 418px
}

* html a#hl {
	height: 21px;
	he\ight: 0
}

a#hl:hover {
	background: transparent url(img/hal.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#gx {
	display: block;
	width: 80px;
	height: 0;
	padding-top: 59px;
	overflow: hidden;
	position: absolute;
	left: 294px;
	top: 343px
}

* html a#gx {
	height: 59px;
	he\ight: 0
}

a#gx:hover {
	background: transparent url(img/gx.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#gz {
	display: block;
	width: 62px;
	height: 0;
	padding-top: 52px;
	overflow: hidden;
	position: absolute;
	left: 284px;
	top: 312px
}

* html a#gz {
	height: 52px;
	he\ight: 0
}

a#gz:hover {
	background: transparent url(img/gz.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#yn {
	display: block;
	width: 92px;
	height: 0;
	padding-top: 92px;
	overflow: hidden;
	position: absolute;
	left: 218px;
	top: 313px
}

* html a#yn {
	height: 92px;
	he\ight: 0
}

a#yn:hover {
	background: transparent url(img/yn.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#sc {
	display: block;
	width: 111px;
	height: 0;
	padding-top: 96px;
	overflow: hidden;
	position: absolute;
	left: 222px;
	top: 250px
}

* html a#sc {
	height: 96px;
	he\ight: 0
}

a#sc:hover {
	background: transparent url(img/sc.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#cq {
	display: block;
	width: 51px;
	height: 0;
	padding-top: 47px;
	overflow: hidden;
	position: absolute;
	left: 299px;
	top: 275px
}

* html a#cq {
	height: 47px;
	he\ight: 0
}

a#cq:hover {
	background: transparent url(img/chq.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hun {
	display: block;
	width: 56px;
	height: 0;
	padding-top: 65px;
	overflow: hidden;
	position: absolute;
	left: 339px;
	top: 298px
}

* html a#hun {
	height: 65px;
	he\ight: 0
}

a#hun:hover {
	background: transparent url(img/hn.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#hub {
	display: block;
	width: 82px;
	height: 0;
	padding-top: 49px;
	overflow: hidden;
	position: absolute;
	left: 332px;
	top: 261px
}

* html a#hub {
	height: 49px;
	he\ight: 0
}

a#hub:hover {
	background: transparent url(img/hb.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}

a#tw {
	display: block;
	width: 17px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	position: absolute;
	left: 462px;
	top: 347px
}

* html a#tw {
	height: 40px;
	he\ight: 0
}

a#tw:hover {
	background: transparent url(img/tw.gif) no-repeat 0 0;
	overflow: visible;
	text-indent: -9000px
}


.showlist li .t {text-transform: uppercase;}